// 搜索框好物数量
axios.get("/api/goods/count").then((resp) => {
  $(".search .txt").html(`商品搜索, 共${resp.data.data.goodsCount}款好物`);
});

// 首次打开分类页面，获取并渲染分类列表、当前子分类列表、banner。
axios.get("/api/catalog/index").then((resp) => {
  // banner 图片地址
  $(".banner .image").attr(
    "src",
    resp.data.data.currentCategory.wap_banner_url
  );
  // banner 描述
  $(".banner .txt").html(resp.data.data.currentCategory.front_desc);
  // 分类名称
  $(".cate .hd .txt").html(resp.data.data.currentCategory.name);
  // 模板渲染分类列表
  const htmlNavStr = template("tpl-nav", resp.data);
  $(".catalog > .nav").html(htmlNavStr);

  // 模板渲染子分类列表
  const htmlSubcateStr = template(
    "tpl-subcate",
    resp.data.data.currentCategory
  );
  $(".catalog .cate .bd").html(htmlSubcateStr);
});

// 点击分类时，获取分类id并根据id获取对应子分类、banner数据
$(".catalog > .nav").on("click", ".item", function () {
  axios
    .get("/api/catalog/current", {
      params: {
        id: $(this).data("cateid"),
      },
    })
    .then((resp) => {
      // banner 图片地址
      $(".banner .image").attr(
        "src",
        resp.data.data.currentCategory.wap_banner_url
      );
      // banner 描述
      $(".banner .txt").html(resp.data.data.currentCategory.front_desc);
      // 分类名称
      $(".cate .hd .txt").html(resp.data.data.currentCategory.name);
      const htmlSubcateStr = template(
        "tpl-subcate",
        resp.data.data.currentCategory
      );
      $(".catalog .cate .bd").html(htmlSubcateStr);
      $(this).addClass("active").siblings().removeClass("active");
    });
});
